在 React 中使用 element-ui
根据官方文档在 React 中使用 element-uiStep 1：npm 安装npm i element-react --saveStep 2：下载主题包npm install element-theme-default --saveStep 3：在 React 中使用打开需要使用到 element-ui 的 jsx 文件，在头部添加import React from \'react\';import ReactDOM from \'react-dom\';import { Button } from ...
2024-01-10
Vue Element校验validate的实例
官方文档限制输入指定类型添加type限制即可，type包括以下值：例子：rules: { bannerType: [ { required: true, message: '请选择类型', trigger: 'change'} ], associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ], associateData: [ { required: true, type: 'url', message: '输入合法的...
2024-01-10
vue element项目引入icon图标的方法
为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的图标库.因为阿里巴巴海量的图标,所以决定引入阿里巴巴的图标库 阿里巴巴图标网站: http://www.iconfont.cn/下面具体介绍如何使用 ...
2024-01-10
【element-ui】elementUi 样式修改无效
使用element ui和vue2.0 脚手架开发，elementUi样式修改没有效果，添加important也没用，审查元素发现修改的样式根本就没修改成功？ 这个应该怎样做可以成功修改呢，有没有使用过的小伙伴我是直接在登录模块里写的 .el-input__inner { padding: 3px 45px !important; border: 1px solid #bedb98; } 但是没效果 ，应该...
2024-01-10
【element-ui】element-ui和vue
我添加属性，但不想关闭对话框，我点确定后把属性值后面的<el-input>设置为空，问题是第一次可以，后面的就不行了，后面的确一直还显示的文字。回答：第二次属性没有添加成功吧 response.code不等于0了吧回答： let copy=Object.assign({},this.addEditPropertyData) this.addEditPropertyData={} ...
2024-01-10
el-input如何设置默认值，用element做的
用v-model绑定数据显示不出来el-input放在form里面求解回答：看代码没有问题。是不是哪个地方重置了form回答：1、首先语法没有问题，检查下拼写有没有错误2、要是弹窗输入的话，看看有没有别人写的或者全局的表单重置方法，例如reset()方法3、最后可以试试添加一个create()生命周期钩子，在里面写一个获取理由审核理由方法在里面对form.check_content进行赋值，然...
2024-02-19
Vue+Element 实现excel的导入导出
Vue+Element 实现excel的导入导出在最近项目中，用到了模板下载与批量上传的功能，下面是实现步骤（本地环境是@vue/cli 4.3.1+element，vue2.0可能会有报错，自行调整即可）一、环境安装1、先安装相关依赖1 npm install -S xlsx file-saver2 npm install -D script-loader2、依赖装完之后，还需要准备两个js文件，分别是Blo...
2024-01-10
vue element ui table树形结构高亮问题
这样一个树形表格，想在插入完数据之后高亮插入的那一行，如果添加的是子级，并且父级没有展开的话，展开父级，高亮当前插入行，感谢各位数据结构： 每一条的areaLists是子级[ { "id": "64d9312c-915d-43cc-b978-b292c543bb67", "areaNumber": "0001", "areaName": "济...
2024-02-23
【element-ui】element-ui图标样式乱码
vue和element-ui搭建的项目，为什么出现乱码，而且是偶然会现，是什么原因造成的，项目中引用了i18n语言包回答：是chrome下？翻译插件导致的？不是 换cdn试下？回答：就算不乱码，这里面的内容也不是给人类看的，只要不影响图标显示，就无需担心。...
2024-01-10
【element-ui】element-ui 实现类似问卷的功能
代码像这样 <div style="margin-top:3%" v-for="(challenge,i) in Challenge" :key="i"> <el-card style="margin-left:10%;margin-right:10%"> <div slot="header" class="clearfix"> <span>题目: {{ challenge.title }}</span> </div> ...
2024-01-10
【element-ui】element ui 的树形组件绑值问题
项目中用到element UI 的树形组件tree，现在是希望组件中选中的项在打开页面时能够显示出来，自己向后台请求到数据之后，赋值给了default-checked-keys中的变量，是数组形式，可是页面中就是不显示，然而，写成静态的数组就能显示在页面中，实在不明白原理，希望知道的大神们能够指点一下。相关代码...
2024-01-10
【element-ui】vue-cil配置element-ui失败
问题：vue-cil配置element-ui失败 主要的问题是 我在App.vue中使用el-button不会报错 而我在别的 也就是components的.vue组件里边使用el-button会报一下的错误组件中使用的代码：<template><div> <h3>我是vuexDemo</h3> <el-button type="danger">aaaa</el-button></div></template><script></script>错误截图：配置：回答：你需要...
2024-01-10
【element-ui】如何用element表格 自定义单独的一行
如何用element表格实现下图的表格 现在丝毫没有头绪 主要是中间的搜索行应该怎么去实现 望大神提供宝贵意见 回答：https://jsfiddle.net/cob627wt/4/...
2024-01-10详解element-ui中el-select的默认选择项问题
直接绑定将option中的value值绑定给v-model<template> <div> <el-select v-model="query"> <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option> </el-select> </div></template><script>export default{ data() { return {...
2024-01-10element ui table（表格）实现点击一行展开功能
前言element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。element ui表格中有一个功能是展开行，在2.0版本官网例子中，只可以点击右箭头可以展开，我们的很多需求是点击某一行展开那是不是无法实现呢？其实，借助element ui的一些属性，轻松实现点击某行展开，...
2024-01-10
【element-ui】vue2+elementUI 无限导航递归报错
不知道哪个位置错了...很迷茫.app.vue调用入口<template> <el-row class="H100 window"> <el-col :span="4" class="H100 menu"> <left-menu :data="shuju"></left-menu><!-- <<<<<<<<<<<<<< 在这里 --> </el-col> <el-col :span="20" class="H100 main"></el-col> </el-row></tem...
2024-01-10
element 的el-menu组件左右纸叠时候没有动画
使用的是el-menu的左右纸叠组件,去掉了el-menu的自带的动画给el-aside添加的动画,但是收起的时候el-menu瞬间就回去了展开时才会同步el-aside的动画下面是我的代码回答：/deep/ .el-aside { // overflow: unset; transition: width 0.8s; -moz-transition: width...
2024-02-28
element Dialog 动态添加表格数据input不能输入
selectedData: [],//已选中的数据selectedData的数据结构这样的[{id:'',name:'',},{},]成交价和成交量的input框是动态添加出来的，不知道怎么回事不能输入Dialog上的固定input就没有问题框架是vue + element-ui我是java后端 所以对前端不是太熟 不知道怎么回事，哪位大佬帮忙看看????回答可能是嵌套太深了，视图没...
2024-01-10
【element-ui】element ui中的走马灯怎么设置成上下翻动
element ui中的走马灯官方给的例子是左右方向，但是我想做一个上下方向的该怎么修改呢？官网也没具体文档回答：有空看看它大源码，和默认样式。没空的话，就是看它的api你发现没，只有高度的设置，并没有宽度的设置，也没有类似于方向的这种设置。意思显而易见。...
2024-01-10
【element-ui】如何隐藏element 分页跳到最后一页的按钮？
例如我有1000页分页，我也想显示成上方的样子，把最后一页给隐藏起来，怎么设置，求助。回答：写样式隐藏后面的两个li标签回答：后端涉及到深度分页了吧, 直接查询最后一页查不到数据或查的慢,我也遇到过, 直接自己封装了分页组件,一次顶多只能跳前后 3页左右...
2024-01-10
【element-ui】在 VUE 中加 element-ui 时报错？
安装步骤：npm install element-ui@next -Swebpack.base.conf.js 中加入了 { test: /\.css$/, loader: 'style-loader!css-loader' }, { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }, { test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, loa...
2024-01-10
【element-ui】Element UI默认的输入框和下拉框长度不一？
按照Element UI官网文档写的表单，官网上输入文本框和下拉选择框长度是一致的，而我在没有更改相关样式的情况下，下拉选框却比文本框要短？如图：下面是官网的截图：可以看到官网的下拉选择框是和输入框一致的宽度。下面是我的单页代码：<template> <div class="register-page"> <section class="form-cont...
2024-01-10
【element-ui】vue+elementui复选框多选取消问题
如图，我想要默认显示都选中，这个可以实现，但是我还想要取消选框时这个框内的“√”消失而已，留下一个未选中的框。但目前取消了该复选框就被删除了。看了elementui里面没有提到类似，各位老哥遇到这个问题吗？该怎么解决。先谢谢了。<el-checkbox-group v-model="cities"> <el-checkbox v-for="city in citie...
2024-01-10
如何修改Element所有input的属性值
想在select下拉框里面的input元素上加required这个属性，直接写在el-select上没有生效如果说只是一个el-input元素上加这个属性是生效的，求大佬们指教。回答：要给表单加 rules ，在那里面写啊看下官方的例子 表单验证如果是想加属性的话，可以试试这样：document.querySelector('.el-input__inner').required = true如...
2024-03-01
